<template>
<<<<<<< HEAD
  <div class="company_container">
    <form  class="top_nav">
  <van-search
    class="search_btn"
    show-action
    v-model="value"
    placeholder="智能匹配"
    @search="onSearch"
    right-icon="clear"
    background="#3f51b5"
    @click="ItAccessShow "
  >
  <template #action>
<van-dropdown-menu @click="onSearch" active-color="#000">
  <van-dropdown-item v-model="value1" :options="option" />
  </van-dropdown-menu>
  </template>
  </van-search>
</form>
<!-- 展示行关键字 -->
<van-row class="item" gutter="20" type="flex" >
  <van-col  class="key_words">
     <van-button round  size="small">月嫂</van-button>
  </van-col>
  <van-col class="key_words"  >
    <van-button round   size="small">保姆</van-button>
    </van-col>
  <van-col class="key_words"  >
    <van-button round  size="small">育婴师</van-button>
    </van-col>
      <van-col class="key_words">
    <van-button round   size="small">育婴师</van-button>
    </van-col>

  <van-col  class="key_words" >
     <van-button round  size="small">家装/搬家</van-button>
  </van-col>
  <van-col class="key_words"  >
    <van-button round   size="small">早教/托育</van-button>
    </van-col>
  <van-col class="key_words" >
    <van-button round  size="small">养老/陪护</van-button>
    </van-col>

  <van-col  class="key_words" >
     <van-button round  size="small">保洁/清洗</van-button>
  </van-col>
  <van-col class="key_words">
    <van-button class="blue" round size="small">全部职业</van-button>
    </van-col>
</van-row>
<hr>

<!-- 公司详细信息 -->
<div class="com_info">
   <div class="com_info_right">
      <van-image
       fit="cover"
        src="https://img01.yzcdn.cn/vant/cat.jpeg"
      />
      <span class="location_info">
        <van-icon name="location" />   22.68km
      </span>
    </div>

    <div class="com_info_left">
        <h6>湖南金管家家政服务有限公司</h6>
        <span class="perfect">您的笑容（满意），我们的追求</span>
        <div class="describe">
             <van-button round  size="small">协会成员</van-button>
              <van-button round  size="small">服务好</van-button>
              <van-button  round  size="small">环境优美</van-button>
        </div>
        <span class="detail_location">湖南省天心区</span>
    </div>
  </div>
<it-access ref="ItShow" />
</div>

=======
  <div>
    <h2>家服公司</h2>
  </div>
>>>>>>> xd
</template>

<script>
export default {
<<<<<<< HEAD
  name: 'homecompany',
  components: {
    ItAccess,
  },
  data () {
    return {
      value: '',
      value1: 0,
      option: [
        { text: '长沙', value: 0 },
        { text: '武汉', value: 1 },
      ],
    }
  },
  methods: {
    onSearch (val) {
      Toast(val)
    },
    ItAccessShow () {
      this.$refs.ItShow.ShowDialog()
    },
  },
=======

>>>>>>> xd
}
</script>

<<<<<<< HEAD
<style lang="scss" scoped>
.company_container{
  // background-color: silver;
  position: relative;
  z-index: 999999999999;
  .top_nav{
    .van-search__action:active{
      background-color: #3f51b5 !important;
    }
  }
  .item{
    padding-left: 5px;
    margin-bottom: 5px;
    background-color: #fff;
    .key_words{
      color: #979191;
      padding-left: 20px;
      .van-button{
        height: 50px;
        line-height: 50px;
        border: 2px solid #979191;
        .van-button__text{
          font-size: 12px;
          color: #979191;
          margin-right: 20px;
          margin-left: 20px;
        }
        .blue{
          color: rgb(66, 66, 241) ;
          border: 2px solid rgb(66, 66, 241) ;
        }
      }
    }
  }
  hr{
    border: 10px solid #e9e7e7;
    background-color: #e9e7e7;
  }
  // 公司信息
  .com_info{
    display: flex;
    margin-left: 15px;
    margin-right: 15px;
    border-bottom: 2px solid #e9e7e7;
     .com_info_right{
       flex:1;
       .van-image{
        width: 180px !important;
         height: 180px !important;
      }
      .location_info{
        display: block;
        font-size: 12px;
      }
    }
    .com_info_left{
      flex: 2;
      h6{
        margin: 6px 0;
        font-size: 14px;
      }
      .perfect{
        font-size: 12px;
      }
      .describe{
        .van-button{
          border: 1px solid #3f51b5;
          height: 45px;
          color: #3f51b5;
          margin-right: 8px;
        }
      }
      .detail_location{
        font-size: 12px;
      }
    }
  }
}
=======
<style>

>>>>>>> xd
</style>
